/* 轮播图样式 */
.swiper-container {
    margin: 0 auto;
    height: 2.48rem;
}
.swiper-slide {
    height: 2.48rem;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
}

/* 导航样式 */
.dh{
    /* border: 1px red solid; */
    height: 2.4rem;
    font-size: 0.3rem;
    margin-top: 0.05rem;
}
.dh>div{
    /* border: 1px blue solid; */
    float: left;
    width: 32.74%;
    height: 1.15rem;
    margin: 0.02rem;
    background-color:#FF5C69;
    color: white;
    text-align: center;
    line-height: 1.15rem;
}
.dh>div:nth-of-type(1){
    height: 2.34rem;
    line-height:normal;
    border-radius: 0.2rem 0rem 0rem 0.2rem;
}
.dh>div:nth-of-type(1) span{
    display: inline-block;
    margin-top: 0.4rem;
    margin-bottom: 0.15rem;
}
.dh>div:nth-of-type(1) .dhtb{
    /* border: 1px white solid; */
    height: 1rem;
    width: 1rem;
    margin: 0px auto;
    background-image: url(../images/sprite.png);
    /* 先用标尺测出真实具体数据值，然后再乘以比例缩放 0.6 */
    background-size: 2.49rem 7.86rem;
    background-position: 0rem -2.97rem;   
}
.dh>div:nth-of-type(3){
    border-radius: 0rem 0.2rem 0rem 0rem;
}
.dh>div:nth-of-type(5){
    border-radius: 0rem 0rem 0.2rem 0rem;
}

#pic{
    /* border: 1px blueviolet solid; */
    height: 2.1rem;
    margin-top: 0.05rem;
    margin-bottom: 1.8rem;
}
#pic img{
    height: 100%;
    width: 100%;
}

#bum{
   /* border: 1px red solid; */
   width: 98%;
   height: 1.3rem; 
   position: fixed;
   left: 0rem;
   bottom: 0rem;
   border-top: 0.01rem black solid;
   border-bottom: 0.01rem black solid;
   background-color: white;
}
#bum>div{
    /* border: 1px red solid; */
    width: 32.74%;
    float: left;
    font-size: 0.3rem;
    text-align: center;
}
#bum>div .xdtb{
    /* border: 1px red solid; */
    height: 0.7rem;
    width: 0.7rem;
    margin: 0px auto;
    background-image: url(../images/sprite.png);
    /* 先用标尺测出真实具体数据值，然后再乘以比例缩放 0.6 */
    background-size: 2.49rem 7.86rem;
    background-position: 1.24rem -3.52rem; 
}